<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>短信发送</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link href="css/doubleDate.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="css/pagination.css">
    <link rel="stylesheet" href="css/sms.css">
    <!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="container-fluid sms" >
    <div class="container-fluid">
        <p>短信发送详情</p>
        <div class="table-responsive Msg_SendDetails">
            <table class="table">
                <thead>
                <tr>
                    <th>短信流水号</th>
                    <th>发送时间</th>
                    <th>发送个人</th>
                    <th>电话号码</th>
                    <th>短信类型</th>
                    <th>客服工号</th>
                    <th>是否成功</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>20160613005</td>
                    <td>2016/06/13 17:19:07</td>
                    <td>1</td>
                    <td>13687312669</td>
                    <td>购车优惠</td>
                    <td>客服001</td>
                    <td>发送失败</td>
                    <td></td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="Msg_SendDetails_content">
            <span>短信内容：</span> <textarea placeholder="请输入备注信息！" cols="45" rows="10" class="Text_field">短信发送详情短信发送详情短信发送详情短信发送详情短信发送详情短信发送详情短信发送详情短信发送详情短信发送详情短信发送详情</textarea>
            <br><br>
            <span>备注内容：</span> <textarea placeholder="请输入备注信息！" cols="45" rows="10" class="Text_field">短信发送详情短信发送详情短信发送详情短信发送详情短信发送详情短信发送详情短信发送详情短信发送详情短信发送详情短信发送详情短信发送详情短信发送详情</textarea>
            <input class="close_Msg_Template close_Msg_SendDetails" type="button" value="关闭">
        </div>
    </div><!-- 短信发送详情 -->
    <!--短信发送失败弹框-->
    <div class="fail_sendDetails_box">
        <p>短信已经<span>发送失败</span>，请查阅，谢谢！</p>
        <div><input type="button" value="关闭" class="btn"></div>
    </div>
    <!--短信重发详情弹框-->
    <div class="msg_sendDetails_box" style="display: none">
        <p>短信已经<span>重发成功</span>，请查阅，谢谢！</p>
        <div><input type="button" value="关闭" class="btn"></div>
    </div>
</div>
<script src="js/jquery-2.1.4.js"></script>
<script src="js/doubleDate2.0.js"></script>
<script src="js/jquery.pagination.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
    $(document).ready(function () {
        $(".Msg_SendDetails  tbody tr td:nth-child(7):contains('发送成功')").css("color","#5ce61f");
        $(".Msg_SendDetails  tbody tr td:nth-child(7):contains('发送失败')").css("color","#df3d3e");
        if($(".Msg_SendDetails  tbody tr td:nth-child(7)").html()=="发送失败"){
            $(".fail_sendDetails_box .btn").click(function(){
                $(".fail_sendDetails_box").css("display","none");
            });
            $(".msg_sendDetails_box .btn").click(function(){
                $(".msg_sendDetails_box").css("display","none");
            });
            $(".Msg_SendDetails  tbody tr td:last-child").append("<a href='javascript:;'class='retry'>重发</a>");
            $(".retry").click(function(){
                $(".msg_sendDetails_box").css("display","block");
            });

        }else if($(".Msg_SendDetails  tbody tr td:nth-child(7)").html()=="发送成功"){
            $(".fail_sendDetails_box").css("display","none");
        }
    });




</script>
</body>